<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>WEB | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <%include("layout-css.html"){}%>
  <script>
    var rootPath = "${root}";
    var pagePath = "${page}";
    var ltePath = "${lte}";
    var distPath = "${dist}";
  </script>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

 <%include("layout-header.html"){}%>
  <!-- Left side column. contains the logo and sidebar -->
  <%include("layout-menu.html"){}%>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>
    </section>

    <!-- Main content -->
    ${layoutContent}
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <%include("layout-footer.html"){}%>

  <!-- Control Sidebar -->
  <%include("layout-control_sidebar.html"){}%>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<script data-main="${page}/pub/main" src="${page}/pub/require.js" ></script>
<script>
  require(['${page}/index/index.js'],
          function(index){
//      index.init();
          }
  );
</script>
</body>
</html>
